<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-form ref="form" :model="form">


            <el-descriptions title="个人基本信息" style="text-align: center" :column="3" border>
              <el-descriptions-item label="姓名" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{form.username }}
              </el-descriptions-item>
              <el-descriptions-item label="性别" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.sys_user_sex" :value="form.gender"/>
              </el-descriptions-item>
              <el-descriptions-item label="出生日期" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.birth }}
              </el-descriptions-item>
              <el-descriptions-item label="年龄" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.age}}
              </el-descriptions-item>
              <el-descriptions-item label="证件编号" :span="1" label-class-name="my-label" :labelStyle="labelStyle">{{
                form.certificateId}}
              </el-descriptions-item>
              <el-descriptions-item label="身份证号" :span="1" label-class-name="my-label" :labelStyle="labelStyle">{{
                form.idNumber}}
              </el-descriptions-item>
              <el-descriptions-item label="部门" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{form.dept.deptName}}
              </el-descriptions-item>
              <el-descriptions-item label="籍贯" :span="1" label-class-name="my-label" :labelStyle="labelStyle">{{
                form.nativePlace}}
              </el-descriptions-item>
              <el-descriptions-item label="出生地" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.birthplace }}
              </el-descriptions-item>
              <el-descriptions-item label="政治面貌" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_politics" :value="form.politics" style="float:left;"/>
              </el-descriptions-item>
              <el-descriptions-item label="入党时间" :span="1" label-class-name="my-label" :labelStyle="labelStyle">{{
                form.partyTime }}
              </el-descriptions-item>
              <el-descriptions-item label="人员类别" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.personnelCategory }}
              </el-descriptions-item>
              <el-descriptions-item label="民族" :span="1" label-class-name="my-label" :labelStyle="labelStyle">{{
                form.nation}}
              </el-descriptions-item>
              <el-descriptions-item label="办公电话(内线)" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.phoneOne }}
              </el-descriptions-item>
              <el-descriptions-item label="办公电话(地方线)" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.phoneSecond }}
              </el-descriptions-item>

            </el-descriptions>
            <br/>
            <el-descriptions title="个人学历信息" :column="3" border>

              <el-descriptions-item label="最高学历" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_highest_education" :value="form.highestEducation"/>
              </el-descriptions-item>

              <el-descriptions-item label="最高学位" label-class-name="my-label" :span="4" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_highest_degree" :value="form.highestDegree" style="float:left;"/>
              </el-descriptions-item>

              <el-descriptions-item label="专业" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.major }}
              </el-descriptions-item>
              <el-descriptions-item label="毕业学校" label-class-name="my-label" :labelStyle="labelStyle">
                {{ form.graduationSchool }}
              </el-descriptions-item>


            </el-descriptions>
            <br/>
            <el-descriptions title="个人在职信息" :column="2" border>

              <el-descriptions-item label="参加工作时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">{{
                form.workingTime}}
              </el-descriptions-item>

              <el-descriptions-item label="部职别" label-class-name="my-label" :span="1" :labelStyle="labelStyle">{{
                form.departmentTitle }}
              </el-descriptions-item>
              <el-descriptions-item label="首次录用时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.recruitmentTime}}
              </el-descriptions-item>
              <el-descriptions-item label="现任职务" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_present_occupation" :value="form.presentOccupation"/>
              </el-descriptions-item>
              <el-descriptions-item label="现职务层级" label-class-name="my-label" :span="1" :labelStyle="labelStyle">{{
                form.currentJobLevel}}
              </el-descriptions-item>
              <el-descriptions-item label="现职务层级时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">{{
                form.currentPositionLevelTime}}
              </el-descriptions-item>
              <el-descriptions-item label="技术职务" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_technical_position" :value="form.technicalPosition"/>
              </el-descriptions-item>
              <el-descriptions-item label="技术职务时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.technicalPositionTime }}
              </el-descriptions-item>
              <el-descriptions-item label="岗位等级" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_position_grade" :value="form.positionGrade"/>
              </el-descriptions-item>
              <el-descriptions-item label="岗位等级时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.positionGradeTime }}
              </el-descriptions-item>
              <el-descriptions-item label="级别" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_rank" :value="form.rank"/>
              </el-descriptions-item>
              <el-descriptions-item label="级别时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.rankTime }}
              </el-descriptions-item>
            </el-descriptions>
            <br/>

            <el-descriptions title="其他履历信息" :column="2" border>

              <el-descriptions-item label="入伍时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.militaryTime }}
              </el-descriptions-item>

              <el-descriptions-item label="职称" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.positionalTitles }}
              </el-descriptions-item>

              <el-descriptions-item label="现JX" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                <dict-tag :options="dict.type.yh_military_rank" :value="form.militaryRank"/>
              </el-descriptions-item>

              <el-descriptions-item label="现JX时间" label-class-name="my-label" :span="1" :labelStyle="labelStyle">
                {{ form.militaryRankTime }}
              </el-descriptions-item>

              <el-descriptions-item label="参加重大JS行动情况" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.majorOperations }}
              </el-descriptions-item>

              <el-descriptions-item label="参加ZZ情况" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.combatParticipation }}
              </el-descriptions-item>

              <el-descriptions-item label="奖惩情况" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.reward }}
              </el-descriptions-item>

              <el-descriptions-item label="待遇级别简历" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.salaryLevelResume }}
              </el-descriptions-item>

              <el-descriptions-item label="教育培训经历" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.educationTraining }}
              </el-descriptions-item>

              <el-descriptions-item label="简历" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.resume }}
              </el-descriptions-item>

              <el-descriptions-item label="备注" label-class-name="my-label" :span="2" :labelStyle="labelStyle">
                {{ form.remark }}
              </el-descriptions-item>

            </el-descriptions>


<!--          </el-main>-->
<!--        </el-container>-->


        <!--        <el-container>-->
        <!--          <el-header>-->
        <!--            <el-divider content-position="left">-->
        <!--              <p style="color: #00afff; font-size: 20px;">个人基本信息</p>-->
        <!--            </el-divider>-->
        <!--          </el-header>-->

        <!--          <el-main>-->
        <!--            &lt;!&ndash;第一行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="姓名:" label-width="20%" prop="username">-->
        <!--                  <div style="float:left; ">{{ form.username }}</div>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="性别:" label-width="20%" prop="gender">-->

        <!--                  <dict-tag :options="dict.type.sys_user_sex" :value="form.gender" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="出生日期:" label-width="20%" prop="birth">-->
        <!--                  <div style="float:left; ">{{ form.birth }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第2行&ndash;&gt;-->
        <!--            <el-row>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="年龄:" label-width="20%" prop="age">-->
        <!--                  <div style="float:left; ">{{ form.age }}</div>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->


        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="证件编号:" label-width="20%" prop="certificateId">-->
        <!--                  <div style="float:left; ">{{ form.certificateId }}</div>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="身份证号:" label-width="20%" prop="idNumber">-->
        <!--                  <div style="float:left; ">{{ form.idNumber }}</div>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->


        <!--            </el-row>-->


        <!--            &lt;!&ndash;第4行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="部门:" label-width="20%" prop="deptId">-->
        <!--                  <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择部门"-->
        <!--                              disabled="true" style="width:90%;float:left"/>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="籍贯:" label-width="20%" prop="nativePlace">-->
        <!--                  <div style="float:left; ">{{ form.nativePlace }}</div>-->

        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="出生地:" label-width="20%" prop="birthplace">-->
        <!--                  <div style="float:left; ">{{ form.birthplace }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->


        <!--            </el-row>-->


        <!--            &lt;!&ndash;第7行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="政治面貌:" label-width="20%" prop="politics">-->
        <!--                  <dict-tag :options="dict.type.yh_politics" :value="form.politics" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="入党时间:" label-width="20%" prop="partyTime">-->
        <!--                  <div style="float:left; ">{{ form.partyTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="人员类别:" label-width="20%" prop="personnelCategory">-->
        <!--                  <div style="float:left; ">{{ form.personnelCategory }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->


        <!--            &lt;!&ndash;第7行&ndash;&gt;-->
        <!--            <el-row>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="民族:" label-width="20%" prop="nation">-->
        <!--                  <div style="float:left; ">{{ form.nation }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->


        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="手机号1:" label-width="20%" prop="phoneOne">-->
        <!--                  <div style="float:left; ">{{ form.phoneOne }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="手机号2:" label-width="20%" prop="phoneSecond">-->
        <!--                  <div style="float:left; ">{{ form.phoneSecond }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->
        <!--          </el-main>-->
        <!--        </el-container>-->

        <!--        <el-container>-->
        <!--          <el-header>-->
        <!--            <el-divider content-position="left">-->
        <!--              <p style="color: #00afff; font-size: 20px;">个人学历信息</p>-->
        <!--            </el-divider>-->
        <!--          </el-header>-->
        <!--          <el-main>-->


        <!--            &lt;!&ndash;第5行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="最高学历:" label-width="20%" prop="highestEducation">-->
        <!--                  <dict-tag :options="dict.type.yh_highest_education" :value="form.highestEducation"-->
        <!--                            style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->


        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="最高学位:" label-width="20%" prop="highestDegree">-->
        <!--                  <dict-tag :options="dict.type.yh_highest_degree" :value="form.highestDegree" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="专业:" label-width="20%" prop="major">-->
        <!--                  <div style="float:left; ">{{ form.major }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第6行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="8">-->
        <!--                <el-form-item label="毕业学校:" label-width="20%" prop="graduationSchool">-->
        <!--                  <div style="float:left; ">{{ form.graduationSchool }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->

        <!--          </el-main>-->
        <!--        </el-container>-->
        <!--        <el-container>-->
        <!--          <el-header>-->
        <!--            <el-divider content-position="left">-->
        <!--              <p style="color: #00afff; font-size: 20px;">个人在职信息</p>-->
        <!--            </el-divider>-->
        <!--          </el-header>-->
        <!--          <el-main>-->


        <!--            &lt;!&ndash;第1行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="参加工作时间:" label-width="17%" prop="workingTime">-->
        <!--                  <div style="float:left; ">{{ form.workingTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="部职别:" label-width="20%" prop="departmentTitle">-->
        <!--                  <div style="float:left; ">{{ form.departmentTitle }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第3行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="首次录用时间:" label-width="17%" prop="recruitmentTime">-->
        <!--                  <div style="float:left; ">{{ form.recruitmentTime}}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="现任职务:" label-width="20%" prop="presentOccupation">-->
        <!--                  <dict-tag :options="dict.type.yh_present_occupation"-->
        <!--                            :value="form.presentOccupation" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第5行&ndash;&gt;-->

        <!--            &lt;!&ndash;第6行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="现职务层级:" label-width="17%" prop="currentJobLevel">-->
        <!--                  <div style="float:left; ">{{ form.currentJobLevel }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->

        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="现职务层级时间:" label-width="20%" prop="currentPositionLevelTime">-->
        <!--                  <div style="float:left;">{{ form.currentPositionLevelTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->
        <!--            -->
        <!--            &lt;!&ndash;第7行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="技术职务:" label-width="17%" prop="technicalPosition">-->
        <!--                  <dict-tag :options="dict.type.yh_technical_position"-->
        <!--                            :value="form.technicalPosition" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="技术职务时间:" label-width="20%" prop="technicalPositionTime">-->
        <!--                  <div style="float:left; ">{{ form.technicalPositionTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第10行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="岗位等级:" label-width="17%" prop="positionGrade">-->
        <!--                  <dict-tag :options="dict.type.yh_position_grade"-->
        <!--                            :value="form.positionGrade" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="岗位等级时间:" label-width="20%" prop="positionGradeTime">-->
        <!--                  <div style="float:left; ">{{ form.positionGradeTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第11行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="级别:" label-width="17%" prop="rank">-->
        <!--                  <dict-tag :options="dict.type.yh_rank"-->
        <!--                            :value="form.rank" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="级别时间:" label-width="20%" prop="rankTime">-->
        <!--                  <div style="float:left; ">{{ form.rankTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--            </el-row>-->
        <!--          </el-main>-->
        <!--        </el-container>-->
        <!--        -->
        <!--        <el-container>-->
        <!--          <el-header>-->
        <!--            <el-divider content-position="left">-->
        <!--              <p style="color: #00afff; font-size: 20px;">其他履历信息</p>-->
        <!--            </el-divider>-->
        <!--          </el-header>-->
        <!--          <el-main>-->


        <!--            &lt;!&ndash;第12行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="入伍时间:" style="margin-left: 4%;" prop="militaryTime">-->
        <!--                  <div style="float:left; ">{{ form.militaryTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--            </el-row>-->
        <!--            -->
        <!--            &lt;!&ndash;第13行&ndash;&gt;-->
        <!--            <el-row>-->

        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="现JX:" style="margin-left: 4%;" prop="militaryRank">-->
        <!--                  <dict-tag :options="dict.type.yh_military_rank"-->
        <!--                            :value="form.militaryRank" style="float:left;"/>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--              <el-col :span="12">-->
        <!--                <el-form-item label="现JX时间:" label-width="17%" prop="militaryRankTime">-->
        <!--                  <div style="float:left; ">{{ form.militaryRankTime }}</div>-->
        <!--                </el-form-item>-->
        <!--              </el-col>-->
        <!--              -->
        <!--            </el-row>-->
        <!--            -->
        <!--            <el-row>-->
        <!--              <el-form-item label="参加重大JS行动情况:" style="margin-left: 2%;" prop="majorOperations">-->
        <!--                <el-col :span="24">-->
        <!--                  <div style="float:left; margin-bottom:1px">{{ form.majorOperations }}</div>-->
        <!--                </el-col>-->
        <!--              </el-form-item>-->
        <!--            </el-row>-->
        <!--            -->
        <!--            &lt;!&ndash;第12行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-form-item label="参加ZZ情况:" style="margin-left: 2%;" prop="combatParticipation">-->
        <!--                <el-col :span="24">-->
        <!--                  <div style="float:left; ">{{ form.combatParticipation }}</div>-->
        <!--                </el-col>-->
        <!--              </el-form-item>-->
        <!--            </el-row>-->

        <!--            &lt;!&ndash;第9行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-form-item label="奖惩情况:" style="margin-left: 2%;" prop="reward">-->
        <!--                <el-col :span="24">-->
        <!--                  <div style="float:left; ">{{ form.reward }}</div>-->
        <!--                </el-col>-->
        <!--              </el-form-item>-->
        <!--            </el-row>-->


        <!--            &lt;!&ndash;第14行&ndash;&gt;-->
        <!--            <el-row>-->
        <!--              <el-form-item label="待遇级别简历:" style="margin-left: 2%;" prop="salaryLevelResume">-->
        <!--                <el-col :span="24">-->
        <!--                  <div style="float:left; ">{{ form.salaryLevelResume }}</div>-->
        <!--                </el-col>-->
        <!--              </el-form-item>-->
        <!--            </el-row>-->
        <!--            -->
        <!--            <el-row>-->

        <!--              &lt;!&ndash;第2行&ndash;&gt;-->
        <!--              <el-row>-->
        <!--                <el-form-item label="教育培训经历:" style="margin-left: 2%;" prop="educationTraining">-->
        <!--                  <el-col :span="24">-->
        <!--                    <div style="float:left; ">{{ form.educationTraining }}</div>-->
        <!--                  </el-col>-->
        <!--                </el-form-item>-->
        <!--              </el-row>-->
        <!--              &lt;!&ndash;第4行&ndash;&gt;-->
        <!--              <el-row>-->
        <!--                <el-form-item label="简历:" style="margin-left: 2%;" prop="resume">-->
        <!--                  <el-col :span="24">-->
        <!--                    <div style="float:left; ">{{ form.resume }}</div>-->
        <!--                  </el-col>-->
        <!--                </el-form-item>-->
        <!--              </el-row>-->


        <!--              <el-form-item label="备注:" style="margin-left: 2%;" prop="remark">-->
        <!--                <el-col :span="24">-->
        <!--                  <div style="float:left; ">{{ form.remark }}</div>-->
        <!--                </el-col>-->
        <!--              </el-form-item>-->

        <!--            </el-row>-->




      </el-form>
<br/>
      <div style="float:right; margin-bottom: 15px;">

        <el-button @click="viewCancel">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>
<style>
  .img-box1 {
    white-space: pre-wrap;
    width: 90%;

    position: center;
    margin:20px auto;
  }
  .img-box1 img {
    width: 70%;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .imgpre{
    width:200px;
    height: 100px;


  }
  .ifr{
    width: 70%;
    height: 700px;

    position: relative;
    left: 50%;
    transform: translateX(-50% );
  }


  .input_text input.el-input__inner {
    border: none
  }

  input:disabled{

    background-color: #F5F5F5;

    color:#F5F5F5;
  }


</style>
<script>


  import {
    listBaseinfo,
    getBaseinfo,
    delBaseinfo,
    addBaseinfo,
    addFamily,
    updateBaseinfo,
    importTemplate
  } from "@/api/module/ls/baseinfo";
  // 导入模板接口importTemplate

  import watermark from "watermark-dom";
  import {addStatisticsp, updateStatistics, upStatistics1} from "@/api/module/yzx/cs/statistics";


  export default {
    name: "BaseinfoDetail",
    components: {},
    dicts: ['sys_user_sex',
      'yh_deptid',
      'yh_highest_degree',
      'yh_highest_education',
      'yh_politics',
      'yh_position_grade',
      'yh_technical_position',
      'yh_rank',
      'yh_present_occupation',
      'yh_current_job_level',
      'yh_military_rank'],

    data() {
      return {
        contentStyle: {
          'text-align': 'center',
        },
        //label样式
         labelStyle: {'width': '140px', 'color': '#000000', 'text-align': 'right',},
        option_nation: [
          {value: '汉族', label: '汉族'}, {value: '阿昌族', label: '阿昌族'},
          {value: '鄂温克族', label: '鄂温克族'}, {value: '傈僳族', label: '傈僳族'},
          {value: '水族', label: '水族'}, {value: '白族', label: '白族'},
          {value: '高山族', label: '高山族'}, {value: '珞巴族', label: '珞巴族'},
          {value: '塔吉克族', label: '塔吉克族'}, {value: '保安族', label: '保安族'},
          {value: '仡佬族', label: '仡佬族'}, {value: '满族', label: '满族'},
          {value: '塔塔尔族', label: '塔塔尔族'}, {value: '布朗族', label: '布朗族'},
          {value: '哈尼族', label: '哈尼族'}, {value: '毛南族', label: '毛南族'},
          {value: '土家族', label: '土家族'}, {value: '布依族', label: '布依族'},
          {value: '哈萨克族', label: '哈萨克族'}, {value: '门巴族', label: '门巴族'},
          {value: '土族', label: '土族'}, {value: '朝鲜族', label: '朝鲜族'},
          {value: '蒙古族', label: '蒙古族'}, {value: '佤族', label: '佤族'},
          {value: '达斡尔族', label: '达斡尔族'}, {value: '赫哲族', label: '赫哲族'},
          {value: '苗族', label: '苗族'}, {value: '维吾尔族', label: '维吾尔族'},
          {value: '傣族', label: '傣族'}, {value: '回族', label: '回族'},
          {value: '仫佬族', label: '仫佬族'}, {value: '乌孜别克族', label: '乌孜别克族'},
          {value: '德昂族', label: '德昂族'}, {value: '基诺族', label: '基诺族'},
          {value: '纳西族', label: '纳西族'}, {value: '锡伯族', label: '锡伯族'},
          {value: '东乡族', label: '东乡族'}, {value: '京族', label: '京族'},
          {value: '怒族', label: '怒族'}, {value: '瑶族', label: '瑶族'},
          {value: '侗族', label: '侗族'}, {value: '景颇族', label: '景颇族'},
          {value: '普米族', label: '普米族'}, {value: '彝族', label: '彝族'},
          {value: '独龙族', label: '独龙族'}, {value: '柯尔克孜族', label: '柯尔克孜族'},
          {value: '羌族', label: '羌族'}, {value: '裕固族', label: '裕固族'},
          {value: '俄罗斯族', label: '俄罗斯族'}, {value: '拉祜族', label: '拉祜族'},
          {value: '撒拉族', label: '撒拉族'}, {value: '藏族', label: '藏族'},
          {value: '鄂伦春族', label: '鄂伦春族'}, {value: '黎族', label: '黎族'},
          {value: '畲族', label: '畲族'}, {value: '壮族', label: '壮族'},
          {value: '穿青族', label: '穿青族'}, {value: '达曼族', label: '达曼族'},
        ],
        form: {
          username: null,
          departmentTitle: null,
          birth: null,
          gender: null,
          certificateId: null,
          age: null,
          deptid: null,
          idNumber: null,
          phoneOne: null,
          nativePlace: null,
          birthplace: null,
          nation: null,
          highestEducation: null,
          phoneSecond: null,
          highestDegree: null,
          graduationSchool: null,
          major: null,
          personnelCategory: null,
          politics: null,
          partyTime: null,
          workingTime: null,
          militaryTime: null,
          educationTraining: null,
          combatParticipation: null,
          majorOperations: null,
          reward: null,
          resume: null,
          recruitmentTime: null,
          positionGrade: null,
          positionGradeTime: null,
          technicalPosition: null,
          technicalPositionTime: null,
          rank: null,
          rankTime: null,
          presentOccupation: null,
          currentJobLevel: null,
          currentPositionLevelTime: null,
          militaryRank: null,
          militaryRankTime: null,
          salaryLevelResume: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null,
          remark: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },
        // 选中选项卡的 name
        //activeName: "columnInfo",
        // 表格的高度
        tableHeight: document.documentElement.scrollHeight - 245 + "px",
        // 表信息
        tables: [],
        // 表列信息
        columns: [],
        // 字典信息
        dictOptions: [],
        // 菜单信息
        menus: [],
        // 表详细信息
        info: {
          note1: "",
          note2: ""
        },
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          title: undefined,
          operName: undefined,
          businessType: undefined,
          status: undefined
        }
      };
    },
    created() {
      const id = this.$route.query.id;
      if (id) {
        // 获取表详细信息
        getBaseinfo(id).then(res => {
          this.form = res.data;
        });
      }
    },
    methods: {


      /** 关闭按钮 */
      viewCancel() {
        const id = this.$route.query.id;
        getBaseinfo(id).then(response => {
          this.form = response.data;

        });
        const obj = {path: "/jiben/lsbaseinfo", query: {id}};
        this.$tab.closeOpenPage(obj);
      }
    },
  };
</script>






